<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>JoinUs! - Campanhas</title>
		<style type="text/css">@import url("res/style.css");</style>
	</head>
	<body>
		<h1>Campanhas</h1>
		<hr />
		<div id="botaoCadastro"><button id="botCadastro">Cadastrar Nova Campanha</button></div>
		<ul id="lstCampanha"></ul>
		<div id="detCampanha">
			<div id="cadCampanha">
				<form action="JoinUs" method="post">
					<table>
						<tr><th>Nome: </th><td><input type="text" name="descCampanha" /></td></tr>
						<tr><th>Início: </th><td><input type="text" name="datInicio" /></td></tr>
						<tr><th>Expiração: </th><td><input type="text" name="datTermino" /></td></tr>
						<tr><th>Coordenadas: </th><td><input type="text" name="coordPosicao" readonly="readonly" /><span class="obs">Selecione no mapa.</span></td></tr>
						<tr><th>Raio: </th><td><input type="text" name="numRaio" value="5" />Km</td></tr>
					</table>
					<div><input type="submit" name="cadastrar" value="Salvar" /></div>
				</form>
			</div>
			<div id="descCampanha">
				<h2></h2>
				<div>
					<span>Descrição:</span><br /><span class="ident"></span><br />
					<span>Coordenadas:</span><br /><span class="ident"></span><br />
					<span>Data de Início:</span><br /><span class="ident"></span><br />
					<span>Data de Término:</span><br /><span class="ident"></span><br />
					<span>Participantes:</span><br /><span class="ident"></span><br />
				</div>
			</div>
			<div id="map"></div>
			<div id="chat">
				<ul>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mensagem 123</li>
					<li><span class="time">[17:03] </span><span class="user">Meu nick legal: </span>asdasda123 12 sad as sa asasadsa.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mauris turpis erat, lacinia at venenatis in, sollicitudin sit amet.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mensagem 123</li>
					<li><span class="time">[17:03] </span><span class="user">Meu nick legal: </span>asdasda123 12 sad as sa asasadsa.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mauris turpis erat, lacinia at venenatis in, sollicitudin sit amet.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mensagem 123</li>
					<li><span class="time">[17:03] </span><span class="user">Meu nick legal: </span>asdasda123 12 sad as sa asasadsa.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mauris turpis erat, lacinia at venenatis in, sollicitudin sit amet.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mensagem 123</li>
					<li><span class="time">[17:03] </span><span class="user">Meu nick legal: </span>asdasda123 12 sad as sa asasadsa.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mauris turpis erat, lacinia at venenatis in, sollicitudin sit amet.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mensagem 123</li>
					<li><span class="time">[17:03] </span><span class="user">Meu nick legal: </span>asdasda123 12 sad as sa asasadsa.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mauris turpis erat, lacinia at venenatis in, sollicitudin sit amet.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mensagem 123</li>
					<li><span class="time">[17:03] </span><span class="user">Meu nick legal: </span>asdasda123 12 sad as sa asasadsa.</li>
					<li><span class="time">[17:03] </span><span class="user">Eu: </span>Mauris turpis erat, lacinia at venenatis in, sollicitudin sit amet.</li>
				</ul>
				<form>
					<div>
						<input type="text" name="msg" />
						<input class="submit" type="submit" value="Enviar" />
					</div>
				</form>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAbf6eUcfIXSm07sEX-Hds_RRENaz91t6R4aLs0JFjRYJDtYpxpRTiOp0ddxtDlMNsckRtLrwfJnhCLg&sensor=false"></script>
		<script type="text/javascript" src="js/campanhas.html.js"></script>
	</body>
</html>
